<template>
  <div id="app">
    <div id="nav">
      <router-link to="/">Home</router-link> |
      <router-link to="/about">About</router-link>
    </div>
    <router-view/>
  </div>
</template>
// 1.	利用egg搭建后台 8：10  8:36
// 2.	在后台模拟数据返回前端json数据  8：34  8:36
// 3.	前端渲染界面  8：35  8:36
// 4.	实现点击切换效果  8：35 8:36 
// 5.	渲染数据列表  8：35  8:36
// 6.	利用egg实现数据返回接收参数  8：35  8:36
// 7.	利用egg返回对应页数的数据 8:35  8:36
// 8.	tab切换 8:35  8:36
// 9.	利用mysql实现数据库存储 8:35  8:36
// 10.	列表前边渲染颜色随机
// 11.	点击高亮
// 12.	注明必要的注释  8：35  8:36
// 13.	代码规范,体现封装思想  8：35  8:36

<style lang="scss">
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}

#nav {
  padding: 30px;

  a {
    font-weight: bold;
    color: #2c3e50;

    &.router-link-exact-active {
      color: #42b983;
    }
  }
}
</style>
